<?php

?>

<link rel="stylesheet" href="<?php echo JURI::base(); ?>/modules/mod_je_fs/nivo-slider/nivo-slider.css" type="text/css" media="screen" />

<div class="slider-wrapper">
	<div class="ribbon"></div>
    <div class="slideshow-t"></div>
    <div class="slideshow-m">
        <div id="slider" class="nivoSlider">
            <?php foreach ($list as $fs): ?>
            <?php 
            $image = json_decode($fs->images);
            if($image->image_fulltext):
            ?>
            <img src="<?php echo $image->image_fulltext; ?>" alt="<?php echo $fs->title; ?>" title="<?php echo $fs->title; ?>" width="360" height="236" />
            <?php endif; ?>
            <?php endforeach; ?>
        </div>
    </div>
    <div class="slideshow-b"></div>
	<div id="htmlcaption" class="nivo-html-caption"></div>
</div>

<script type="text/javascript" src="<?php echo JURI::base(); ?>modules/mod_je_fs/nivo-slider/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php echo JURI::base(); ?>modules/mod_je_fs/nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(window).load(function() {
	jQuery('#slider').nivoSlider({
		pauseTime: 10000,
		directionNav: false,
		controlNav: false
	});
});
</script>
